import React, { Component } from 'react';
// import { Image, Space } from 'antd-mobile'
import pic from "../../../../assets/one.png"
import "./cate.css"

interface Props{

}
interface State{
    catelist:cateItem[]
}
interface cateItem {
    pic:string,
    name:string
}
class index extends Component< Props,State> {
    constructor(props:Props){
        super(props);
        this.state= {
            catelist:[
                {pic,name:"嗨购超市"},{pic,name:"嗨购服饰"},{pic,name:"嗨购生鲜"},{pic,name:"嗨购到家"},
                {pic,name:"充值缴费"},{pic,name:"9.9元拼"},{pic,name:"领券"},{pic,name:"领津贴"},{pic,name:"嗨购电器"},{pic,name:"plus会员"},
            ]
        }
    }
    render() {
        return (
            <div className='cate_list'>
                {
                    this.state.catelist.map((item,index)=>{
                        return (
                            <div className="cate" key={index}>
                                <img src={item.pic} alt="" />
                                <div className="name">{item.name}</div>
                            </div>
                        )
                    })
                }
          </div>
        );
    }
}

export default index;